<template>
  <div
    class="main"
    style="width: 100%;height:100%;"
  >
    <top-view />
    <middle-view />
    <bottom-view />
    <!-- <cloud-view /> -->
  </div>
</template>

<script>
import TopView from "../HomeView/TopView";
import MiddleView from "../HomeView/MiddleView";
import BottomView from "../HomeView/BottomView";
import CloudView from "../HomeView/CloudView";

export default {
  name: "Welcome",
  components: {
    TopView,
    MiddleView,
    BottomView,
    CloudView,
  },
};
</script>

<style lang="scss" scoped>
.main {
  background-color: #eaedf1;
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}
</style>
